/*************************** Alerts Toast Scripts **********************************/ ;(function ($) { ;(function (window, $) { 'use strict' var defaultConfig = { type: '', autoDismiss: false, container: '#cstm-toasts', autoDismissDelay: 4000, transitionDuration: 500 } $.toast = function (config) { var size = arguments.length var isString = typeof config === 'string' if (isString && size === 1) { config = { message: config } } if (isString && size === 2) { config = { message: arguments[1], type: arguments[0] } } return new toast(config) } var toast = function (config) { config = $.extend({}, defaultConfig, config) // show "x" or not var close = config.autoDismiss ? '' : '×' // toast template var toast = $( [ '
' + config.message + '
', 'Required fields are marked with *
') if ($('.woocommerce div.product .flex-viewport').length > 0) { $( '.woocommerce div.product a.woocommerce-product-gallery__trigger' ).appendTo('.woocommerce div.product .flex-viewport') } /*************************** Product thumbnail carousel *********************************/ // if ($('.woocommerce div.product .flex-viewport').length > 0) { // $('.flex-control-nav').addClass('carousel') // $('.flex-control-nav li').addClass('carousel-cell') // $('.carousel').flickity({ // // options // cellAlign: 'left', // pageDots: false, // contain: true // }) // } if ($('.woocommerce .up-sells .products').length > 0) { $('.woocommerce .up-sells .products').addClass('carousel') $('.woocommerce .up-sells .products li').addClass('carousel-cell') $('.carousel').flickity({ // options cellAlign: 'left', pageDots: false, contain: true }) } if ($('#furniture_categories .products').length > 0) { $('#furniture_categories .products').addClass('carousel') $('#furniture_categories .products li').addClass('carousel-cell') $('.carousel').flickity({ // options cellAlign: 'left', pageDots: false, contain: true }) } if ($('#top_categories.fruits_veg').length > 0) { $('#top_categories.fruits_veg .products li.product-category a').append( 'Read More
' ) } if ($('#top_categories.fruits_veg').length > 0) { $('#top_categories.farm_products .products li.product-category a').append( 'Read More
' ) } if ($('#et_pb_contact_mobile_code_0').length > 0) { $('#et_pb_contact_mobile_code_0').intlTelInput({ preferredCountries: [country_code_for_inquiry] }) } if ($('#wanttotalk #phoneno').length > 0) { $('#phoneno').intlTelInput({ preferredCountries: [country_code_for_inquiry] }) } if ($('.category-multiple').length > 0) { $('.category-multiple').select2() } if ('#minimize_cats .wpf_item_wpf_cat'.length > 0) { $('#minimize_cats .wpf_item_wpf_cat .wpf_hierachy label').click(function ( e ) { e.preventDefault() console.log('testing') console.log($(this)) console.log($(this).closest()) $(this) .next('.wpf_submenu') .toggle() }) } }) jQuery(document).ready(function () { // Make product divs same height on category selection jQuery("input[type='checkbox']").change(function() { //Any checkbox checked or uncheked let productsDiv=document.getElementById("product_listing_sec"); var templateDir = themeData.themeName; if(templateDir == "Divi Child"){ productsDiv.addEventListener('DOMNodeInserted',function(){ makeProductDivsSameHeight(); },{ once: true }); productsDiv.addEventListener('DOMNodeRemoved',function(){ makeProductDivsSameHeight(); },{ once: true }); } }); // Make product divs same height on product price slider filter selection jQuery(".wpf_item.wpf_item_price").click(function() { let productsDiv=document.getElementById("product_listing_sec"); var templateDir = themeData.themeName; if(templateDir == "Divi Child"){ productsDiv.addEventListener('DOMNodeInserted',function(){ makeProductDivsSameHeight(); },{ once: true }); productsDiv.addEventListener('DOMNodeRemoved',function(){ makeProductDivsSameHeight(); },{ once: true }); } }); makeProductDivsSameHeight() jQuery('#featured_products .products li.product').css( 'position', 'relative' ) jQuery('#featured_products .products li.product .button.inquiry').addClass( 'featured-product-slider-div-button' ) // Read more button $('.read-more-btn').click(function (e) { e.preventDefault() $(this) .prev() .slideToggle() if ($(this).text() == 'Read More') { $(this).text('Read Less') } else { $(this).text('Read More') } }) $('.product-reviews .toreview_btn').click(function (e) { e.preventDefault() var templateDir = themeData.themeName; if(templateDir == "Divi Child"){ $('.product-reviews #review_form_wrapper').slideToggle() $([document.documentElement, document.body]).animate( { scrollTop: $('.product-reviews #review_form_wrapper').offset().top }, 2000 ) }else{ $('.product-reviews #respond').slideToggle() $([document.documentElement, document.body]).animate( { scrollTop: $('.product-reviews #respond').offset().top }, 2000 ) } }) }) $(window).load(function () { setTimeout(function () { var thubmNav = $('.woocommerce-product-gallery .flex-control-nav') if (thubmNav.length) { //console.log("asd", !thubmNav.closest(".navWrapper").length) if (!thubmNav.closest('.navWrapper').length) { thubmNav.addClass('slides') thubmNav.wrap(' ') $('.navWrapper').flexslider({ animation: 'slide', controlNav: false, animationLoop: true, slideshow: false, itemWidth: 100, itemMargin: 24, maxItems: 4, minItems: 3 }) } } }, 100) }) /****************Variation product js code ****************************************/ $('.variations_form').on( 'wc_additional_variation_images_frontend_ajax_response_callback', function (event, variation) { console.log('variation') setTimeout(function () { var thubmNav = $('.woocommerce-product-gallery .flex-control-nav') if (thubmNav.length) { if (!thubmNav.closest('.navWrapper').length) { thubmNav.addClass('slides') thubmNav.wrap(' ') $('.navWrapper').flexslider({ animation: 'slide', controlNav: false, animationLoop: false, slideshow: false, itemWidth: 100, itemMargin: 24, maxItems: 4, minItems: 3 }) } } }, 100) } ) function validateEmail (eml) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/ return emailReg.test(eml) } function PhoneNumberValidation (txtPhone) { console.log(txtPhone) var length = txtPhone.length var chk1 = '1234567890()-+ ' for (i = 0; i < length; i++) { ch1 = txtPhone.charAt(i) var rtn1 = chk1.indexOf(ch1) if (rtn1 == -1) { return false } return true } } /********************* Inquiry Form Submit ****************/ $(document).on('click', '#inquire_form .et_pb_contact_submit', function (e) { e.preventDefault() $('#inquire_form .et_pb_contact_submit').attr('disabled', true) var contact_companyname = $('#et_pb_contact_companyname_0').val() var contact_yourname = $('#et_pb_contact_yourname_0').val() var contact_companyemail = $('#et_pb_contact_companyemail_0').val() var contact_mobile = $('#et_pb_contact_mobile_code_0').val() var contact_companyaddress = $('#et_pb_contact_companyaddress_0').val() var contact_quantityreq = $('#et_pb_contact_quantityreq_0').val() var contact_destinationport = $('#et_pb_contact_destinationport_0').val() var contact_productreq = $('#et_pb_contact_productreq_0').val() var contact_paymentmech = $('#et_pb_contact_paymentmech_0').val() var contact_customization = $('#et_pb_contact_customization_0').val() var contact_message = $('#et_pb_contact_message_0').val() var product_id = $('#main-content .entry-content').attr('data-pid') var product_name = $('#main-content .entry-content').attr('data-pname') if ( contact_companyname !== '' && contact_yourname !== '' && contact_companyemail !== '' && contact_mobile !== '' && contact_companyaddress !== '' && contact_quantityreq !== '' && contact_destinationport !== '' && contact_productreq !== '' && contact_paymentmech !== '' && contact_customization !== '' && contact_message !== '' ) { if (!validateEmail(contact_companyemail)) { $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid email address' }) $('#inquire_form .et_pb_contact_submit').attr('disabled', false) } else if (!PhoneNumberValidation(contact_mobile)) { $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid mobile no' }) $('#inquire_form .et_pb_contact_submit').attr('disabled', false) } else { $('#inquire_form .et_pb_contact_submit').attr('disabled', true) $('#inquire_form .et_pb_contact_submit').html('Sending...') $.ajax({ url: go4ajax_customobject.ajax_url, method: 'POST', data: { action: 'create_enquiry', companyname: contact_companyname, yourname: contact_yourname, companyemail: contact_companyemail, mobile: contact_mobile, companyaddress: contact_companyaddress, quantityreq: contact_quantityreq, destinationport: contact_destinationport, productreq: contact_productreq, paymentmech: contact_paymentmech, customization: contact_customization, message: contact_message, product_id: product_id, product_name: product_name }, success: function (data) { console.log('Inquiry Form Submit') console.log(data) var dt = JSON.parse(data) console.log(dt) window.location.href = dt.redirect }, error: function (error) { console.log(error) } }) } } else { $('#inquire_form .et_pb_contact_submit').attr('disabled', false) $.toast({ type: 'error', autoDismiss: true, message: 'The fields with * are required fields' }) } }) /********************* Product Review Form Submit ****************/ $(document).on('click', '#commentform #submit', function (e) { $('#commentform #submit').hide() var name = $('#author').val() var email = $('#email').val() var message = $('#comment').val() var title = $('#title').val() console.log(name) console.log(email) console.log(message) console.log(title) if ( title != '' && title != 'Review title *' && title != 'Review title *' && message != '' && message != 'Your review *' && message != 'Your review *' && email != '' && email != 'Email *' && email != 'Email *' && name != '' && name != 'Name *' && name != 'Name *' ) { if (!validateEmail(email) && email != null && email != undefined) { $('#commentform #submit').show() e.preventDefault() $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid email address' }) } else { location.href = location.href } } else { $('#commentform #submit').show() e.preventDefault() $.toast({ type: 'error', autoDismiss: true, message: 'All fields are required' }) } }) /********************* Contact Form Submit ****************/ $(document).on('click', '#contact_us_form .et_pb_contact_submit', function ( e ) { e.preventDefault() $('#contact_us_form .et_pb_contact_submit').attr('disabled', true) var contact_companyname = $('#et_pb_contact_company_name_0').val() var contact_yourname = $('#et_pb_contact_full_name_0').val() var contact_emailaddress = $('#et_pb_contact_email_0').val() var contact_mobile = $('#et_pb_contact_phone_0').val() var contact_message = $('#et_pb_contact_message_0').val() if ( contact_companyname !== '' && contact_yourname !== '' && contact_emailaddress !== '' && contact_mobile !== '' && contact_message !== '' ) { if (!validateEmail(contact_emailaddress)) { $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid email address' }) $('#contact_us_form .et_pb_contact_submit').attr('disabled', false) } else if (!PhoneNumberValidation(contact_mobile)) { $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid mobile no' }) $('#contact_us_form .et_pb_contact_submit').attr('disabled', false) } else { $('#contact_us_form .et_pb_contact_submit').attr('disabled', true) $('#contact_us_form .et_pb_contact_submit').html('Sending...') $.ajax({ url: go4ajax_customobject.ajax_url, method: 'POST', data: { action: 'create_enquiry_contact', contact_cname: contact_companyname, contact_name: contact_yourname, contact_emailaddress: contact_emailaddress, contact_phoneno: contact_mobile, contact_message: contact_message }, success: function (data) { console.log('Contact Form Submit') console.log(data) var dt = JSON.parse(data) window.location.href = dt.redirect }, error: function (error) { console.log(error) } }) } } else { $('#contact_us_form .et_pb_contact_submit').attr('disabled', false) $.toast({ type: 'error', autoDismiss: true, message: 'All fields are required' }) } }) /********************* Contact Step Form Submit ****************/ let submit_count = 1 function submitwanttotalk () { $( '#wanttotalk #prevBtn', '#wanttotalk #nextBtn', '#wanttotalk #submitBtn' ).attr('disabled', true) var contact_category = $('#category').val() var contact_areyou = $('input[name="areyou"]:checked').val() var contact_lookingfor = [] $.each($("input[name='lookingfor']:checked"), function () { contact_lookingfor.push($(this).val()) }) var contact_salutation = $('#title').val() var contact_name = $('#name').val() var contact_cname = $('#cname').val() var contact_emailaddress = $('#emailaddress').val() var contact_phoneno = $('#phoneno').val() var contact_message = $('#message').val() if ( contact_category !== '' && contact_areyou !== '' && contact_lookingfor !== '' && contact_name !== '' && contact_cname !== '' && contact_emailaddress !== '' && contact_phoneno !== '' ) { contact_name = contact_salutation + '. ' + contact_name if (!validateEmail(contact_emailaddress)) { $.toast({ type: 'error', autoDismiss: false, message: 'Please enter a valid email address' }) $( '#wanttotalk #prevBtn', '#wanttotalk #nextBtn', '#wanttotalk #submitBtn' ).attr('disabled', false) } else if (!PhoneNumberValidation(contact_phoneno)) { $.toast({ type: 'error', autoDismiss: true, message: 'Please enter a valid phone no' }) $( '#wanttotalk #prevBtn', '#wanttotalk #nextBtn', '#wanttotalk #submitBtn' ).attr('disabled', false) } else { if (submit_count == 1) { $('#wanttotalk #submitBtn').html('Sending...') $( '#wanttotalk #prevBtn', '#wanttotalk #nextBtn', '#wanttotalk #submitBtn' ).attr('disabled', true) $.ajax({ url: go4ajax_customobject.ajax_url, method: 'POST', data: { action: 'create_enquiry_contact', contact_category: contact_category, contact_areyou: contact_areyou, contact_lookingfor: contact_lookingfor, contact_salutation: contact_salutation, contact_name: contact_name, contact_cname: contact_cname, contact_emailaddress: contact_emailaddress, contact_phoneno: contact_phoneno, contact_message: contact_message }, success: function (data) { console.log('Contact Step Form Submit') console.log(data) var dt = JSON.parse(data) window.location.href = dt.redirect }, error: function (error) { console.log(error) } }) submit_count = 0 } } } else { $( '#wanttotalk #prevBtn', '#wanttotalk #nextBtn', '#wanttotalk #submitBtn' ).attr('disabled', false) $.toast({ type: 'error', autoDismiss: true, message: 'The fields with * are required fields' }) } } $(document).on('click', '#wanttotalk #prevBtn', function (e) { nextPrev(-1) }) $(document).on('click', '#wanttotalk #nextBtn', function (e) { nextPrev(1) }) $(document).on('click', '#wanttotalk #submitBtn', function (e) { nextPrev(2) }) /*************************** Want to talk to us Scripts **********************************/ var currentTab = 0 // Current tab is set to be the first tab (0) showTab(currentTab) // Display the current tab function showTab (n) { // This function will display the specified tab of the form ... var x = document.getElementsByClassName('tab') if (x[n] === undefined || x[n] === 'undefined') { return } else { x[n].style.display = 'block' // ... and fix the Previous/Next buttons: if (n == 0) { document.getElementById('prevBtn').style.display = 'none' document.getElementById('nextBtn').style.display = 'inline' document.getElementById('submitBtn').style.display = 'none' } else { document.getElementById('prevBtn').style.display = 'inline' document.getElementById('nextBtn').style.display = 'none' document.getElementById('submitBtn').style.display = 'inline' } if (n == x.length - 1) { document.getElementById('nextBtn').innerHTML = 'Send' //$("#nextBtn").addClass("send_button"); //document.getElementById("nextBtn").classList.add("send_button"); } else { document.getElementById('nextBtn').innerHTML = 'Next' //$("#nextBtn").removeClass("send_button"); //document.getElementById("nextBtn").classList.remove("send_button"); } // ... and run a function that displays the correct step indicator: fixStepIndicator(n) } } function nextPrev (n) { // This function will figure out which tab to display var x = document.getElementsByClassName('tab') // Exit the function if any field in the current tab is invalid: console.log(n) if (n == 1 && !validateFirst()) return false if (n == 2 && validateSecond()) { console.log('Success') submitwanttotalk() } if (n !== 2) { // Hide the current tab: x[currentTab].style.display = 'none' // Increase or decrease the current tab by 1: currentTab = currentTab + n // if you have reached the end of the form... : console.log('currentTab ' + currentTab) console.log(x.length) if (n == x.length - 1) { document.getElementById('step_change').innerHTML = 'Step 2 of 2' } else { document.getElementById('step_change').innerHTML = 'Step 1 of 2' } // Otherwise, display the correct tab: showTab(currentTab) } } function validateFirst () { console.log('validateFirst') // This function deals with validation of the form fields var x, y, i, ar, lk, valid = true x = document.getElementsByClassName('tab') y = x[currentTab].getElementsByTagName('input') var areyou = [] var lookingfor = [] var contact_category = document.getElementById('category').value var categry = document.getElementById('category') var contact_areyou = document.getElementsByName('areyou') var contact_lookingfor = document.getElementsByName('lookingfor') console.log(contact_areyou) console.log(contact_lookingfor) for (ar = 0; ar < contact_areyou.length; ar++) { console.log('areyou forloop') if (contact_areyou[ar].checked) { console.log('areyou checked') areyou.push(contact_areyou[ar]) } } for (lk = 0; lk < contact_lookingfor.length; lk++) { console.log('lookingfor forloop') if (contact_lookingfor[lk].checked) { console.log('lokking checked') lookingfor.push(contact_lookingfor[lk]) } } console.log(areyou) console.log(lookingfor) if (contact_category == '') { categry.className += ' invalid' valid = false } if (areyou.length == 0) { for (i = 0; i < contact_areyou.length; i++) { if (contact_areyou[i].checked == false) { console.log('valid false areyou') contact_areyou[i].className += ' invalid' } } valid = false } if (lookingfor.length == 0) { for (i = 0; i < contact_lookingfor.length; i++) { if (contact_lookingfor[i].checked == false) { console.log('valid false lookingfor') contact_lookingfor[i].className += ' invalid' } } valid = false } // If the valid status is true, mark the step as finished and valid: if (valid) { categry.classList.remove('invalid') for (i = 0; i < contact_areyou.length; i++) { contact_areyou[i].classList.remove('invalid') } for (i = 0; i < contact_lookingfor.length; i++) { contact_lookingfor[i].classList.remove('invalid') } document.getElementsByClassName('step')[currentTab].className += ' finish' } return valid // return the valid status } function validateSecond () { console.log('validateSecond') // This function deals with validation of the form fields var x, y, i, valid = true x = document.getElementsByClassName('tab') y = x[currentTab].getElementsByTagName('input') // A loop that checks every input field in the current tab: for (i = 0; i < y.length; i++) { console.log('inside for') if ( y[i].getAttribute('type') == 'text' || y[i].getAttribute('type') == 'email' ) { console.log('inside first if..') console.log(y[i].value) // If a field is empty... if (y[i].value == '') { console.log('valid false') // add an "invalid" class to the field: y[i].className += ' invalid' // and set the current valid status to false: valid = false } } } // If the valid status is true, mark the step as finished and valid: if (valid) { for (i = 0; i < y.length; i++) { y[i].classList.remove('invalid') } document.getElementsByClassName('step')[currentTab].className += ' finish' } return valid // return the valid status } function fixStepIndicator (n) { // This function removes the "active" class of all steps... var i, x = document.getElementsByClassName('step') for (i = 0; i < x.length; i++) { x[i].className = x[i].className.replace(' active', '') } //... and adds the "active" class to the current step: x[n].className += ' active' } })(jQuery); /** * Remove all title on Image hover * * */ jQuery(document).ready(function ($) { $('img') .mouseenter(function () { let $lwp_title = $(this).attr('title') $(this).attr('lwp_title', $lwp_title) $(this).attr('title', '') }) .mouseleave(function () { let $lwp_title = $(this).attr('lwp_title') $(this).attr('title', $lwp_title) $(this).removeAttr('lwp_title') }) }); /** * Make all product listing divs same height on current page */ function makeProductDivsSameHeight () { var maxHeightOnHomePageSlider = -1 var loopCounter = 1 var paddingAndMargin = 0 var additionalHeightForAbsoluteButton = 0 jQuery('.products li.product.type-product').each(function () { jQuery(this).addClass('featured-product-slider-div') maxHeightOnHomePageSlider = jQuery(this).height() > maxHeightOnHomePageSlider ? jQuery(this).height() : maxHeightOnHomePageSlider if (loopCounter == 1) { paddingAndMargin = parseInt(jQuery(this).css('marginBottom')) + parseInt(jQuery(this).css('paddingBottom')); loopCounter++ } var inquiry_button = jQuery(this).find('.button.inquiry'); // If the button is absolute add additional 30 pixels if (inquiry_button && inquiry_button.css('position') == 'absolute') { additionalHeightForAbsoluteButton = 30; } }) maxHeightOnHomePageSlider = maxHeightOnHomePageSlider + paddingAndMargin + additionalHeightForAbsoluteButton; jQuery('.products li.product.type-product').each(function () { jQuery(this).css('height', maxHeightOnHomePageSlider) }) jQuery('.products li.product.type-product').css('position', 'relative') jQuery('.products li.product .button.inquiry').addClass( 'featured-product-slider-div-button' ) } jQuery('.login-error-alert .closebtn').click(function(e){ e.preventDefault(); jQuery('.login-error-alert').css('display','none'); // clear query string from url var uri = window.location.href.toString(); if (uri.indexOf("?") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?")); window.history.replaceState({}, document.title, clean_uri); } }); jQuery(window).ready(function() { var loc = window.location.href; // returns the full URL if(/inquire-now/.test(loc)) { var imageUrl = jQuery(".product-image img").attr('src'); jQuery("#titlename").val(jQuery(".product-name").text()); var newImageUrl = imageUrl.replace(/-\d+x\d+(\.[^.]+)$/, "$1"); jQuery("#imageurl").val(newImageUrl); } }); jQuery(document).ready(function() { flagcodes(); }); function flagcodes(){ if (jQuery(".country-list li").length > 0) { var country_code_for_inquiry = jQuery('#country_code_for_inquiry').val(); jQuery('.country-list .country[data-country-code="' + country_code_for_inquiry + '"]').trigger("click"); if ($('.selected-flag .flag').hasClass(country_code_for_inquiry)) { var dial_code = parseInt(jQuery('.country-list .country[data-country-code="' + country_code_for_inquiry + '"]').attr("data-dial-code")); jQuery(".wpcf7-phonetext-country-code").val("+"+dial_code); setTimeout(() => { jQuery(".wpcf7-phonetext").val("+"+dial_code); }, 2500); } } else{ setTimeout(() => { flagcodes(); }, 500); } } jQuery(window).on('load', function() { if (jQuery("#related-pro").find(".related-products")[0]){ }else{ jQuery("#related-pro").css("display","none"); } }); var ref =jQuery(location).attr('pathname'); console.log(ref); jQuery(".noresult").css("display","none"); jQuery(".notfound").css("display","none"); if(ref == "/login-error"){ console.log("true"); jQuery(".noresult").css("display","block"); } else{ console.log("false"); jQuery(".notfound").css("display","block"); } //Function for user website template document.addEventListener('DOMContentLoaded', function() { // Function to get query parameter by name function getQueryParam(name) { const urlParams = new URLSearchParams(window.location.search); return urlParams.get(name); } // Get the query parameters from the current URL const param1 = getQueryParam('cid'); const param2 = getQueryParam('tid'); // If parameters exist, append them to internal links if (param1 && param2) { const queryParams = `?cid=${param1}&tid=${param2}`; // Add parameters to internal links jQuery('a').each(function() { const href = jQuery(this).attr('href'); // Only add parameters to internal links (avoid external links) if (href && href.startsWith(window.location.origin)) { const url = new URL(href, window.location.origin); // Only append if 'cid' and 'tid' do not already exist in the URL if (!url.searchParams.get('cid') && !url.searchParams.get('tid')) { url.searchParams.set('cid', param1); url.searchParams.set('tid', param2); jQuery(this).attr('href', url.toString()); } } }); // Display the "Create Site" button if(param2){ var btnHtml = ""; } jQuery("body.page, body.single, body.archive, body.search").append(btnHtml); jQuery("body.page, body.single, body.archive, body.search").css({ "margin": "30px", "border": "1px solid #fff", "box-shadow": "1px 2px 3px #222" }); // Style the button jQuery(".custom_create_site").css({ "position": "fixed", "bottom": "30px", "right": "0px", "border": "none", "border-radius": "10px 0 0 10px", "padding": "15px 20px", /* Increased padding for larger button */ "background-color": "rgb(0, 169, 234)", /* Bright color for contrast */ "color": "#fff", "font-size": "18px", /* Larger text */ "font-family": "'Roboto', Arial, sans-serif", "text-decoration": "none", "display": "flex", "align-items": "center", /* Center content vertically */ "box-shadow": "0 4px 10px rgba(0, 0, 0, 0.3)", /* Soft shadow for depth */ "transition": "background-color 0.3s, transform 0.2s", /* Transition for hover effects */ "z-index": "999" }); jQuery(".custom_create_site a").css({ "color": "#fff", "text-decoration": "none" }); } });